<!DOCTYPE html>
<html>
  <head>
    <title>DoubanMovie</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel='stylesheet' href='/stylesheets/index.css' />
    <link rel='stylesheet' href='/lib/bootstarp/dist/css/bootstrap.min.css'/>

    <script type="text/javascript" src="/lib/jQuery/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="/lib/bootstarp/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/javascripts/index.js"></script>
  </head>
  <body>
    <div class="container-fluid">
    <div class="row header">
      <div class="container-fluid header">
  <div class="row">
    <div class="col-md-3  ">
      <a href="/" class="logo"></a>
    </div>

    <div class="col-md-5 col-md-offset-3">
      <% if(!username){%>
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="/login">登录</a>
          </li> 
          <li>
            <a href="/register">注册</a>
          </li> 
          <li>
            <a href="#">开通会员</a>
          </li> 
          <li class="">
            <a href="#" class="glyphicon glyphicon-user">个人中心</a>
          </li>
          <li class="dropdown">
            <a href="#">播放记录</a>
            <ul class="dropdown-menu">
              <li><a href="#">三生三世十里桃花</a></li>
            </ul>
          </li>   
          
        </ul>
      <%} else {%>
        <ul class="nav navbar-nav navbar-right">
          <li>
            <span>欢迎&nbsp;&nbsp;<%= username %>!</span>
          </li> 
          <li>
            <a href="#">退出</a>
          </li> 
          <li>
            <a href="#">开通会员</a>
          </li> 
          <li class="">
            <a href="#" class="glyphicon glyphicon-user">个人中心</a>
          </li>
          <li class="dropdown">
            <a href="#">播放记录</a>
            <ul class="dropdown-menu">
              <li><a href="#">三生三世十里桃花</a></li>
            </ul>
          </li>   
          
        </ul>
      <%}%>
      
    </div>

    
  </div>
</div>
    </div>
    <!-- 导航栏 -->
    <div class="row navigation">
      <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button> -->
          <a class="navbar-brand" href="#">首页</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav" id="navigationList">
            <li class="active"><a href="#">正在热映 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">即将上映</a></li>
            <li><a href="#">Top250</a></li>
            <li><a href="#">口碑榜</a></li>
            <li><a href="#">北美票房榜</a></li>
            <li><a href="#">新片榜</a></li>
          </ul>
          <form class="navbar-form navbar-left">
             <div class="input-group">
            <input type="text" class="form-control" placeholder="三生三世十里挑花">
            <span class="input-group-btn">
              <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
            </span>
          </div><!-- /input-group -->
          </form>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    </div>
    <!-- 轮播图 -->
    <div class="row carousel-myself">
      <div class="col-md-8">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          <li data-target="#carousel-example-generic" data-slide-to="3"></li>
          <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="./images/010.jpg" alt="">
            <div class="carousel-caption">
              三生三世十里挑花
            </div>
          </div>
          <div class="item">
            <img src="./images/011.jpg" alt="">
            <div class="carousel-caption">
              西涯侠剧场
            </div>
          </div>
          <div class="item">
            <img src="./images/012.jpg" alt="">
            <div class="carousel-caption">
              奇星记
            </div>
          </div>
          <div class="item">
            <img src="./images/013.jpg" alt="">
            <div class="carousel-caption">
              沙宣狂人逆型英美剧场
            </div>
          </div>
          <div class="item">
            <img src="./images/014.jpg" alt="">
            <div class="carousel-caption">
              梁文道带你读好书
            </div>
          </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      </div>
       <div class="col-md-4 products_total">
        <h2>产品大全</h2>
          <div class="details">
            <p><span><a href="#">来&nbsp;疯</a><a href="#">热门主播</a><a href="#">来疯APP</a></span></p>
            <p><span><a href="#">话&nbsp;题</a><a href="#">热门话题</a><a href="#">创建话题</a></span></p>
            <p><span><a href="#">直&nbsp;播</a><a href="#">优酷直播</a><a href="#">全部直播</a></span></p>
            <p><span><a href="#">自频道</a><a href="#">社区论坛</a><a href="#">视频学院</a></p>
            <p><span><a href="#">众&nbsp;筹</a><a href="#">最新项目</a><a href="#">发起项目</a></span></p>
            <p><span><a href="#">玩游戏</a><a href="#">青云志</a><a href="#">蓝月传奇</a></span></p>
            <p><span><a href="#">优酷VR</a><a href="#">VR APP</a><a href="#">精彩内容</a></span></p>
            <p><span><a href="#">其&nbsp;他</a><a href="#">小小优酷</a><a href="#">玩剧APP</a></span></p>

          </div>
        </div>
    </div>


    <!-- hot下面是轮播 -->
    <div class="main">
      <div class="row hot container-fluid">
        <P><h3><i class="glyphicon glyphicon-fire"></i>正在热映<span>&gt;<a href="#">更多</a></span></h3></P>
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

        <!-- Wrapper for slides -->
        <div class="carousel-inner  carousel-hot" role="listbox">
          <div class="item active">
            <ul>
              <% for(var i = 0; i < 6; i++){%>
              <li class="col-md-2">
                <dl>
                  <dd><a href="#"><img src="<%= movies[i].images%>"></a></dd>
                  <dt>
                    <P><%= movies[i].title %></P>
                    <P><%= movies[i].year %></P>
                    <P><%= movies[i].genres %></P>
                    <P><%= movies[i].casts %></P>
                  </dt>
                </dl>
              </li>
              <%}%>
            <!-- <li class="col-md-2">
               <dl>
                 <dd><a href="#"><img src="./images/002.jpg"></a></dd>
                 <dt>我是图片</dt>
               </dl>
             </li>
             <li class="col-md-2">
               <dl>
                 <dd><a href="#"><img src="./images/003.jpg"></a></dd>
                 <dt>我是图片</dt>
               </dl>
             </li>
             <li class="col-md-2">
               <dl>
                 <dd><a href="#"><img src="./images/004.jpg"></a></dd>
                 <dt>我是图片</dt>
               </dl>
             </li>
             <li class="col-md-2">
               <dl>
                 <dd><a href="#"><img src="./images/005.jpg"></a></dd>
                 <dt>我是图片</dt>
               </dl>
             </li>
             <li class="col-md-2">
               <dl>
                 <dd><a href="#"><img src="./images/006.jpg"></a></dd>
                 <dt>我是图片</dt>
               </dl>
             </li> -->
            </ul>
          </div>
          <div class="item">
            <ul>
              <% for(var i = 6; i < 12; i++){%>
                <li class="col-md-2">
                  <dl>
                    <dd><a href="#"><img src="<%= movies[i].images%>"></a></dd>
                    <dt>
                      <P><%= movies[i].title %></P>
                      <P><%= movies[i].year %></P>
                      <P><%= movies[i].genres %></P>
                      <P><%= movies[i].casts %></P>
                    </dt>
                  </dl>
                </li>
              <%}%>
            </ul>
          </div>
          <div class="item">
            <ul>
              <% for(var i = 12; i < 18; i++){%>
                <li class="col-md-2">
                  <dl>
                    <dd><a href="#"><img src="<%= movies[i].images%>"></a></dd>
                    <dt>
                      <P><%= movies[i].title %></P>
                      <P><%= movies[i].year %></P>
                      <P><%= movies[i].genres %></P>
                      <P><%= movies[i].casts %></P>
                    </dt>
                  </dl>
                </li>
              <%}%>
            </ul>
          </div>
        </div>

         <!-- Controls 
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a> -->
      </div>
      </div>
      <div class="row BeAboutTo container-fluid">
        <h3><i class="glyphicon glyphicon-thumbs-up"></i>即将上映<span>&gt;<a href="#">更多</a></span></h3>
        <div class="row BeAboutTo-right">
          <div class="col-md-5">
            <dl>
              <dd><a href="/detail"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p onclick="location.href='/detail'">我是图片 有详情</p>
              </dt>
            </dl>
          </div>
          <!-- <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div> -->
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row BeAboutTo-bottom">
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row banner">
          <img src="./images/banner01.jpg">
        </div>
      </div>
      <div class="row top250 container-fluid">
        <h3><i class="glyphicon glyphicon-open"></i>Top250<span>&gt;<a href="#">更多</a></span></h3>
        <div class="row top250-right">
          <div class="col-md-5">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div>
          <!-- <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div> -->
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row top250-bottom">
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row banner">
          <img src="./images/banner02.jpg">
        </div>
      </div>
      <div class="row mouth container-fluid">
        <h3><i class="glyphicon glyphicon-stats"></i>口碑榜<span>&gt;<a href="#">更多</a></span></h3>
        <div class="row mouth-right">
          <div class="col-md-5">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div>
          <!-- <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div> -->
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row mouth-bottom">
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row banner">
          <img src="./images/banner03.jpg">
        </div>
      </div>
      <div class="row BoxOffice container-fluid">
        <h3><i class="glyphicon glyphicon-sound-stereo"></i>北美票房<span>&gt;<a href="#">更多</a></span></h3>
        <div class="row BoxOffice-right">
          <div class="col-md-5">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div>
          <!-- <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div> -->
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row BoxOffice-bottom">
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
      </div>
      <div class="row new container-fluid">
        <h3><i class="glyphicon glyphicon-leaf"></i>新片榜<span>&gt;<a href="#">更多</a></span></h3>
        <div class="row new-right">
          <div class="col-md-5">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div>
          <!-- <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p>我是图片</p>
              </dt>
            </dl>
          </div> -->
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="row new-bottom">
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
          <div class="col-md-2">
            <dl>
              <dd><a href="#"><img src="./images/006.jpg"></a></dd>
              <dt>
                <p><a href="#">我是图片</a></p>
                <p>我就是描述</p>
              </dt>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>
    
  </body>
</html>
